<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>axious发送ajax请求</title>
        <script src="./axios.min.js"></script>
	</head>
	<body>
        <button id="test">发送消息</button>
        <button id="test1">取消请求</button>
	</body>
	<script type="text/javascript">
        const btns  =document.querySelectorAll('button')
        

  
        btns[0].addEventListener('click',function(){
            axios.get('/',{
                //url参数
                params:{
                    id:100
                },
                headers:{
                    "name":'123'
                }
            }).then(value=>{
                console.log(value.data);
            });
        });
        btns[1].addEventListener('click',function(){
            axios.post('/',{
                username:123
            },{
                //url参数
                params:{
                    id:100
                },
                headers:{
                    "name":'123'
                }
            }).then(value=>{
                console.log(value.data);
            });
        });
        // testBtn.addEventListener('click',postAjax);
        
        function common(){
            axios({
                url:'/',
                method:'POST',
                params:{

                },
                headers:{

                },
                data:{

                }
            }).then(value=>{

            },reason=>{
                
            });
        }

    </script>
</html>